import React, { Component } from 'react';
import './ProductItem.scss'

class ProductItem extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }
  render () {
    let data = this.props.data
    return(
      <div className="productItem">
        <div>
          <img src={data.img} alt=""></img>
        </div>
        <div className="product-title">
          {data.title || '净水器家用直饮厨房净水机不锈钢台式过滤器'}
        </div>

        <div className='money-group flex align-iteml-baseline space-around y-center'>
          <div className="money">
            <span className="money-detail">￥{data.totalMoney}</span>
            <div>
              <a href=""  className="btn-1">
                购买
              </a>
            </div>
          </div>
          <div className="line"></div>
          <div className="money">
            <span className="money-detail">￥{data.monthMoney}/月</span>
            <div>
              <a href=""  className="btn-1">
                租赁
              </a>
            </div>
          </div>
        </div>
      </div>
    )
  }
}
export default ProductItem;